<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>内容管理</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script type="text/javascript" src="/js/jquery-2.1.0.min.js"></script>
    <script src="/layui/layui.js"></script>
    <script src="/js/showContent.js"></script>
    <link rel="stylesheet" href="/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="/js/jquery.ztree.core.js"></script>
    <style>
        .layui-upload-img {
            width: 92px;
            height: 92px;
            margin: 0 10px 10px 0;
        }
        .fl {
            float: left;
            width: 200px;
            height: 800px;
            border: 1px solid #1E9FFF;
        }

        .fr {
            float: left;
            width: 1000px;
            height: 800px;
            margin-left: 20px;
        }
    </style>
</head>
<body>
<div class="fl">
    <div id="treeBox">
        <ul id="contentCategoryTree" class="ztree"></ul>
    </div>
</div>
<div class="fr">
    <table class="layui-hide" id="contentTable" lay-filter="content"></table>
</div>

<div style="display: none" id="contentBtn" class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="deleteContent">选中删除</button>
    <button class="layui-btn layui-btn-sm" lay-event="addContent">新增内容</button>
    <button class="layui-btn layui-btn-sm" lay-event="updateContent">修改内容</button>
</div>




<div style="display: none" id="contentImage1">
    <img src="{{d.pic}}" style="width: 100px;height: 100px"/>
</div>
<div style="display: none" id="contentImage2">
    <img src="{{d.pic2}}" style="width: 100px;height: 100px"/>
</div>
<div style="display: none" id="addContent">
    <form id="addContentForm" class="layui-form">
        <%--内容标题--%>
        <div class="layui-form-item">
            <label class="layui-form-label">内容标题</label>
            <div class="layui-input-inline">
                <input placeholder="内容标题" id="title" type="text" name="title" class="layui-input">
            </div>
        </div>
        <%--子标题--%>
        <div class="layui-form-item">
            <label class="layui-form-label">内容子标题</label>
            <div class="layui-input-inline">
                <input placeholder="内容子标题" id="subTitle" type="text" name="subTitle" class="layui-input">
            </div>
        </div>
        <%--内容链接--%>
        <div class="layui-form-item">
            <label class="layui-form-label">内容链接</label>
            <div class="layui-input-inline">
                <input placeholder="内容链接" id="url" type="text" name="url" class="layui-input">
            </div>
        </div>

        <%--商品图片--%>
        <div class="layui-form-item">
            <label class="layui-form-label">商品图片1</label>
            <div class="layui-input-block">
                <div class="layui-upload">
                    <button type="button" class="layui-btn" id="uploadPic">上传图片</button>
                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                        预览图：
                        <div class="layui-upload-list" id="pic"></div>
                    </blockquote>
                </div>
            </div>
        </div>

        <%--商品图片2--%>
        <div class="layui-form-item">
            <label class="layui-form-label">内容图片2</label>
            <div class="layui-input-block">
                <div class="layui-upload">
                    <button type="button" class="layui-btn" id="uploadPic2">上传图片</button>
                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                        预览图：
                        <div class="layui-upload-list" id="pic2"></div>
                    </blockquote>
                </div>
            </div>
        </div>

        <%--内容描述--%>
        <div class="layui-form-item">
            <label class="layui-form-label">商品描述</label>
            <div class="layui-input-block">
            <textarea class="layui-textarea" name="content" id="content" style="display: none">

            </textarea>
            </div>
        </div>
    </form>
</div>
</body>



</html>
